<ion-header>
  <ion-navbar>
    <ion-title>战团详情</ion-title>
    <ion-buttons end>
      <button icon-only ion-button (click)="showMoreActionModal()">
        <ion-icon md="ios-more" ios="ios-more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content>
  <div class="wy-con" *ngIf="zhanduanDetails">
    <div class="wy-header">
      <img src="{{ zhanduanDetails.LogoUrl | imgUrl:'DynamicUrl':'morenimg' }}" alt="">
      <div class="hd-title">
        <div>{{ zhanduanDetails.Title }}</div>
        <button>进入群聊</button>
      </div>
      <div class="hd-notice">{{ zhanduanDetails.Notice }}</div>
    </div>
    <div class="wy-menus">
      <page-menu [menus]="['战友','挑战','动态']" [selectIndex]="menuSelectIndex" (handleMenuClickBlock)="clickMenu($event)"></page-menu>
    </div>
    <div class="wy-zhanyou">
      <div class="qiandao">
        <div>
          <div class="circle">
            <percentage-circle [percentage]="80" [progressColor]="'#F75F47'"></percentage-circle>
          </div>
          <div>签到</div>
          <div>80人</div>
        </div>
        <div>
          <div class="circle">
            <percentage-circle [percentage]="80" [progressColor]="'#56B2BA'"></percentage-circle>
          </div>
          <div>女</div>
          <div>80人</div>
        </div>
        <div>
          <div class="circle">
            <percentage-circle [percentage]="80" [progressColor]="'#FACE15'"></percentage-circle>
          </div>
          <div>90后</div>
          <div>80人</div>
        </div>
        <div>
          <div class="circle">
            <percentage-circle [percentage]="80" [progressColor]="'#5AC8FA'"></percentage-circle>
          </div>
          <div>血型A</div>
          <div>80人</div>
        </div>
      </div>
      <div class="section">
        <div class="section-header">
          <div>战团榜单</div>
          <img src="assets/imgs/wythetan/openR1.png" alt="">
        </div>
        <div>
          <button *ngFor="let item of [1,2,3,4,5]">
            <div>
              <img src="assets/imgs/wythetan/test/head.png" alt="">
              <div>haohao</div>
            </div>
          </button>
        </div>
      </div>
      <div class="section">
        <div class="section-header">
            <div>战团成员</div>
            <img src="assets/imgs/wythetan/openR1.png" alt="">
        </div>
        <div>
          <button *ngFor="let item of [1,2,3,4,5]">
            <div>
              <img src="assets/imgs/wythetan/test/head.png" alt="">
              <div>haohao</div>
            </div>
          </button>
        </div>
      </div>
    </div>
    <div class="wy-tiaozhan">

    </div>
    <div class="wy-dongtai">

    </div>
  </div>
</ion-content>

<ion-footer>
  <!-- <button>打卡</button> -->
  <div>
    <button>
      <div>
        <img src="assets/imgs/wythetan/openR1.png" alt="">
        <div>签到</div>
      </div>
    </button>
    <button>
      <div>
        <img src="assets/imgs/wythetan/openR1.png" alt="">
        <div>打卡</div>
      </div>
    </button>
    <button>
      <div>
        <img src="assets/imgs/wythetan/openR1.png" alt="">
        <div>发动态</div>
      </div>
    </button>
  </div>
</ion-footer>
